<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接外部样式表的应用</title>
    <link rel="stylesheet" type="text/css" href="exp_8_1.css"/>
    <style >
        .it {
            font-style:italic;
            font-size:24px;
            font-weight:bold;
        }
        div{position:absolute; /* 定位方式为绝对定位 */
            width:800px;
            height:500px;
        }
        #d1{background-color: #66ff66;
            top: 30px;
            left:25px;;
            z-index:0;
        }
        #d2{
            top: 200px;
            left:50px;
            z-index:1;
        }
        .d{
            font-weight: bold;
        }
    </style>
</head>
<body>
<div id="d1" class="">
    <img src="http://i3.download.fd.pchome.net//g1/M00/11/1B/ooYBAFYteP6IOe0WAAfY8w9chh4AACv0QDznEEAB9kL305.jpg"
             width="350px" height="150px" alt="exp_8_1.jpg" >
    <div id="d2" class="">
    <li>1214545452<span class="d" >央视</span>22</li>
   <li><span class="d">腾讯</span></li>
    <li>2222222<span class="d">跨界融合，开放共赢</span>33333333</li>
    <li><span class="it">建联杯</span></li>
    </div>
</div>
</body>
</html>